var myChart3 = echarts.init(document.getElementById('mychart3'));

myOption3 = {
    // title : {
    //     text: 'olt脱网率环比'
    // },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data: ['SW待扩容数', 'OLT待扩容数'],
        textStyle: {
            color: '#FFFFFF',
            fontSize : 20
        }
    },
    color: ['#00BCD2', '#5ECF35'],
    grid: {
        top: 40,
        bottom: 40
    },
    calculable: true,
    xAxis: [
        {
            type: 'category',
            data: cityList3,
            axisLabel: {
                interval: 0,
                rotate: 0,
                //倾斜度 -90 至 90 默认为0
                margin: 2,
                textStyle: {
                    color: "#FFFFFF",
                    fontSize: 15
                }
            },
        }
    ],
    yAxis: [
        {
            type: 'value'
        }
    ],
    series: [
        {
            name: 'SW待扩容数',
            type: 'line',
            areaStyle: {
                normal: {
                    opacity: 0.3
                }
            },

            data: countSWList3

        },
        {
            name: 'OLT待扩容数',
            type: 'line',
            areaStyle: {
                normal: {
                    opacity: 0.3
                }
            },

            data: countOLTList3
        },

    ]
};

myChart3.setOption(myOption3);

myChart3.on('mouseover', function (param) {
    myChart.dispatchAction({
        type: 'geoSelect',
        name: param.name[0]+param.name[2]+'市'
    })
});

myChart3.on('mouseout',function (param) {
    console.log(param);
    myChart.dispatchAction({
        type: 'geoUnSelect',
        name: param.name[0]+param.name[2]+'市'
    });
});


